<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/style1.css">
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/dlheader.css">
    <link rel="stylesheet" href="css/shangpinxq.css">
    <title>Document</title>
</head>

<body>
    @@include("dlheader.html")
    <div class="spxq">
        <div class="zhanshi">
            <ul class="ul">
                <li>在线进货</li>
                <li>&gt;</li>
                <li>商品列表</li>
                <li>&gt;</li>
                <li>商品详情</li>
            </ul>
            <div class="zs_lt">
                <img src="./images/shangpinxq_1.png" alt="">
            </div>
            <div class="zs_rt">
                <h1>铝框竖条行李箱拉杆箱韩版密码皮箱 男女通用款</h1>
                <p class="hh">商品货号：LYWD粉色</p>
                <ul>
                    <li>尺码</li>
                    <li>
                        <span>24寸</span>
                        <span class="hs">28寸</span>
                        <span>32寸</span>
                        <span>38寸</span>
                        <span>42寸</span>
                    </li>
                </ul>
                <ul>
                    <li>颜色</li>
                    <li>
                        <span>黑色</span>
                        <span class="hs">白色</span>
                        <span>玫瑰金</span>
                    </li>
                </ul>
                <ol>
                    <li>数量</li>
                    <li>
                        <span>-</span>
                        <span class="hsdz">5</span>
                        <span>+</span>
                    </li>
                </ol>
                <p class="jg">价格：<span>￥650.00</span></p>
            </div>
            <div class="zs_bt">
                <ul>
                    <li><img src="./images/shangpinxq_2.png" alt=""></li>
                    <li><img src="./images/shangpinxq_3.png" alt=""></li>
                    <li><img src="./images/shangpinxq_4.png" alt=""></li>
                    <li><img src="./images/shangpinxq_5.png" alt=""></li>
                    <li><img src="./images/shangpinxq_6.png" alt=""></li>
                </ul>
                <button class="button1">加入购物车</button>
                <button class="button2">立即购买</button>
            </div>
        </div>
        <aside>
            <h6>供应商信息</h6>
            <p>Supplier information</p>
        </aside>
        <table>
            <tbody>
                <tr>
                    <td class="td1">供应商</td>
                    <td class="td2">七匹狼供应商</td>
                </tr>
                <tr>
                    <td class="td1">负责人</td>
                    <td class="td2">张晓明 &nbsp; 13762398323</td>
                </tr>
                <tr>
                    <td class="td1">预计到货时间</td>
                    <td class="td2">2018/05/23</td>
                </tr>
            </tbody>
        </table>
        <aside>
            <h6>产品规格</h6>
            <p>Supplier information</p>
        </aside>
        <table>
            <tbody>
                <tr>
                    <td class="td1">材质</td>
                    <td class="td2">PU</td>
                </tr>
                <tr>
                    <td class="td1">硬度</td>
                    <td class="td2">软</td>
                </tr>
            </tbody>
        </table>
        <aside>
            <h6>商品详情</h6>
            <p>Supplier information</p>
        </aside>
        <!-- <div class="lists">
            
        </div> -->
    </div>

    <div class="back">
        <div class="aa">
            <p class="up">不</p>
            <p>返回顶部</p>
        </div>
    </div>

    @@include("foot.html")


    <script src="./js/jquery.min.js"></script>
    <script>
        $(window).scroll(function () {
            var $wh = $(window).height();
            var $wc = $(window).scrollTop();
            $('.up').click(function () {
                $('html').animate({
                    scrollTop: 0
                }, 1000);
                $('.up').animate({
                    "bottom": wH
                })
            })
        });
    </script>
</body>

</html>